<template>
  <el-container>
    <el-header height="">
      <top-navigation></top-navigation>
    </el-header>
    <el-main height="">
      <mid></mid>
    </el-main>
    <el-footer height="">
      <below></below>
    </el-footer>
  </el-container>
</template>
<script>
import topNavigation from '@/components/topNavigation'
import mid from '@/modules/mid'
import below from '@/modules/below'
export default {
  components: {
    topNavigation,
    mid,
    below
  }
}
</script>
<style lang="less" scoped>
* {
  user-select: none;
}
.el-header {
  padding: 0;
}
.el-main {
  margin-top: 60px;
}
.el-footer {
  overflow: hidden;
}
</style>
